<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
	</head>
	<body>
		<div class="mui-content" style="margin-top: -0.9375rem;">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media userInfoPage">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="images/head.png">
						<div class="mui-media-body">
							bobi
							<p class="mui-ellipsis">
								微信号：Seven-jxjy
								<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
								<img class="mui-media-object mui-pull-right" src="images/userInfo/qrcode.png" style="width: 1.25rem;height: 1.25rem;">
							</p>
						</div>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view mt10">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
						<img class="mui-media-object mui-pull-left" src="images/me/pay.png" style="width: 1.5rem;height: 1.5rem;">
						<div class="mui-media-body">
							<p class="mui-ellipsis" style="line-height: 1.5rem;color: #000;font-size: 1rem;margin-left: 0.625rem;">支付</p>
						</div>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view mt10">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
						<img class="mui-media-object mui-pull-left" src="images/me/collect.png" style="width: 1.5rem;height: 1.5rem;">
						<div class="mui-media-body">
							<p class="mui-ellipsis" style="line-height: 1.5rem;color: #000;font-size: 1rem;margin-left: 0.625rem;">收藏</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
						<img class="mui-media-object mui-pull-left" src="images/me/photo.png" style="width: 1.5rem;height: 1.5rem;">
						<div class="mui-media-body">
							<p class="mui-ellipsis" style="line-height: 1.5rem;color: #000;font-size: 1rem;margin-left: 0.625rem;">相册</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
						<img class="mui-media-object mui-pull-left" src="images/me/package.png" style="width: 1.5rem;height: 1.5rem;">
						<div class="mui-media-body">
							<p class="mui-ellipsis" style="line-height: 1.5rem;color: #000;font-size: 1rem;margin-left: 0.625rem;">卡包</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
						<img class="mui-media-object mui-pull-left" src="images/me/face.png" style="width: 1.5rem;height: 1.5rem;">
						<div class="mui-media-body">
							<p class="mui-ellipsis" style="line-height: 1.5rem;color: #000;font-size: 1rem;margin-left: 0.625rem;">表情</p>
						</div>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view mt10">
				<li class="mui-table-view-cell mui-media setting">
					<a href="javascript:;">
						<span class="mui-icon mui-icon-arrowright mui-pull-right" style="color: lightgray;"></span>
						<img class="mui-media-object mui-pull-left" src="images/me/setting.png" style="width: 1.5rem;height: 1.5rem;">
						<div class="mui-media-body">
							<p class="mui-ellipsis" style="line-height: 1.5rem;color: #000;font-size: 1rem;margin-left: 0.625rem;">设置</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				/**
				 * 跳转到个人信息页面
				 */
				mui(".mui-table-view").on("tap", ".userInfoPage", function() {
					mui.openWindow("chat-userInfo.html", "chat-userInfo.html");
				})
				
				/**
				 * 跳转到设置页面
				 */
				mui(".mui-table-view").on("tap", ".setting", function() {
					mui.openWindow("chat-setting.html", "chat-setting.html");
				})
			});
		</script>
	</body>
</html>
